﻿{extend name="base" /}

{block name="css"}
  <link rel="stylesheet" href="__HCSS__/cart/cart.css">
{/block}

{block name="body"}


<div class="main-container container">
	<ul class="breadcrumb">
		<li><a href="{:url('home/index/index')}"><i class="fa fa-home"></i></a></li>
		<li><a href="#">选择付款方式</a></li>
	</ul>

	<div class="row">
		<!-- cart-main-area start -->
		<div class="cart-main-area pt-0">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<form method="post" id="orderForm" action="{:url('home/Order/orderProc')}">
							<table class="table">
								<tbody>
									<tr class="success">
										<td>

											<h3>
												<i class="fa fa-check-circle "></i>
												订单提交成功，请您尽快付款！
												<a href="javascript:void(0);" class="details-btn" data-url="{:url('home/Order/orderDetails')}" data-id="{$orderInfo.id}" >[订单详情]</a>
											</h3>
										</td>
									</tr>
									<tr class="success">
										<td>
											订单号：<strong>{$orderInfo.order_sn}</strong> |
											付款金额（元）：<strong>{$orderInfo.total_amount}</strong>
										</td>
									</tr>
									<tr class="success">
										<td >
											请你在 <strong>{$orderInfo.add_time|date="Y-m-d",###}</strong> 前完成支付，否则订单将自动取消。
										</td>
									</tr>
								</tbody>
							</table>


							<table class="table">
								<h3>
									选择支付方式
								</h3>

								<tbody>
									<tr>
										<td>
											<input type="radio" name="payment" proc-url="{:url('home/order/codProc')}" value="cod_pay">
											<a href="javascript:;" class="payment-btn"><img src="__HIMG__/cod_pay.jpg" alt="货到付款" class="img-thumbnail" width="150px"/></a>
										</td>
										<td>
											<input type="radio" name="payment" proc-url="{:url('home/order/wxProc')}" value="wx_pay">
											<a href="javascript:;" class="payment-btn"><img src="__HIMG__/wx_pay.jpg" alt="微信支付" class="img-thumbnail" width="150px"/></a>
										</td>
										<td>
											<input type="radio" name="payment" proc-url="{:url('home/order/aliProc')}" value="ali_pay">
											<a href="javascript:;" class="payment-btn"><img src="__HIMG__/ali_pay.jpg" alt="支付宝支付" class="img-thumbnail" width="150px"/></a>
										</td>
										<td>
											<input type="radio" name="payment" proc-url="{:url('home/order/onlineProc')}" value="online_pay">
											<a href="javascript:;" class="payment-btn"><img src="__HIMG__/online_pay.jpg" alt="银联在线支付" class="img-thumbnail" width="150px"/></a>
										</td>
									</tr>
								</tbody>
							</table>


							<div class="row">
								<div class="col-md-9 col-sm-7 col-xs-12"></div>

								<div class="col-md-3 col-sm-5 col-xs-12">
									<div class="cart_totals">
										<div class="wc-proceed-to-checkout">
											<a href="javascript:;" id="submit-btn" data-payment="" order-id="{$orderInfo.id}" proc-url="" jump-url="{:url('home/index/index')}">确认支付方式</a>
										</div>
									</div>
								</div>
							</div>
						</form>

					</div>
				</div>
			</div>
		</div>
		<!-- cart-main-area end -->
		<div>&nbsp;</div>

	</div>
</div>
<!-- //Main Container -->



{/block}

{block name="script"}
	<script type="text/javascript" src="__HJS__/order/payment.js"></script>
{/block}